<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta
			name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover"
		/>
		<!--iphonex底部适配-->
		<!-- <meta name='viewport' content='initial-scale=1, viewport-fit=cover'> -->
		<!-- <script>
			let tenantDetail = JSON.parse(localStorage.getItem('tenantDetail'))
			let theme =
				tenantDetail && tenantDetail.data
					? tenantDetail.data.navigation_bg || 'blue'
					: 'blue'
			const mapper = {
				'#306EFF': 'blue',
				'#224585': 'darkblue',
				'#CE3B43': 'gray',
				'#06BE87': 'green',
				'#EF762F': 'orange',
			}
			let themeVar = theme
			if (theme.substr(0, 1) === '#') {
				themeVar = mapper[theme]
			}
			const link = document.createElement('link')
			link.setAttribute('type', 'text/css')
			link.setAttribute('rel', 'stylesheet')
			link.setAttribute(
				'href',
				'<%= VUE_APP_CDN_PATH %>/lib/byteluck-theme/0.1.12/byteluck.theme.' +
					themeVar +
					'.ant.css?t=<%= new Date().getTime() %>'
			)
			document.head.appendChild(link)

			const setBodyVisible = function () {
				try {
					document.body.style.visibility = 'visible'
				} catch (e) {
					return void setTimeout(setBodyVisible, 50)
				}
			}

			link.onload = function () {
				if (document.body) {
					document.body.style.visibility = 'visible'
				} else {
					void setBodyVisible()
				}
			}
			link.onreadystatechange = function () {
				if ('complete' === link.readyState) {
					document.body.style.visibility = 'visible'
				}
			}
		</script> -->
		<style>
			/* 禁用手机浏览器左右滑动跳转页面  karson*/
			html {
				touch-action: none !important;
				touch-action: pan-y !important;
			}
			body {
				min-height: 100% !important;
				height: auto !important;
				padding-left: env(safe-area-inset-left);
				padding-right: env(safe-area-inset-right);
				padding-top: env(safe-area-inset-top);
				padding-bottom: env(safe-area-inset-bottom);
			}
		</style>
		<script>
			const cdnJSON = JSON.parse('<%= htmlWebpackPlugin.options.cdnJSON %>')
			// 获取主题方法
			const getTheme = <%= htmlWebpackPlugin.options.getTheme %>;
			// 获取主题颜色
			const { themeColor } = getTheme('<%= VUE_APP_CDN_PATH %>', cdnJSON['byteluck-theme']['folderPath'])
		</script>
		<% for (var i in htmlWebpackPlugin.options.cdn &&
		htmlWebpackPlugin.options.cdn.css) { %>
		<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
		<% } %>
		<script
			src="<%= htmlWebpackPlugin.options.okI18n %>"
			data-base-url="<%= BASE_URL %>locales/"
			data-locale-key="locale"
			data-env="<%= NODE_ENV %>"
		></script>
	</head>

	<body style="overflow: hidden;height: 100vh;">
		<noscript>
			<strong
				>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
				properly without JavaScript enabled. Please enable it to
				continue.</strong
			>
		</noscript>
		<div id="app"></div>
		<% if (NODE_ENV === 'production') { %>
		<script>
			window.antd = {}
		</script>
		<% } %> <% for (var i in htmlWebpackPlugin.options.cdn &&
		htmlWebpackPlugin.options.cdn.js) { %>
		<script
			type="text/javascript"
			src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"
		></script>
		<% } %>
		<script>
					// ok-wc-ui 全局配置
			// 国际化
			const cookies = document.cookie
				.split(';')
				.map(v => v.split('='))
				.find(v => v[0].trim() === 'local')
			const locale = cookies ? cookies[1] : 'zh-CN'

			// ok-wc-ui的全局配置
			window.okuiConfig = {
				env: '<%= NODE_ENV %>' === 'development' ? 'DEV' : 'PRD',
				apiPath: '<%= VUE_APP_API_RUN %>',
				cardPath: '<%= VUE_APP_CARD_PATH %>',
				locale: locale, // 国际化
			}
			window.approvalConfig = {
				blaAtt: '/attachment/api/',
			}
		</script>
		<% for (var i in htmlWebpackPlugin.options.cdn &&
		htmlWebpackPlugin.options.cdn.asyncJs) { %>
		<script
			async
			type="text/javascript"
			src="<%= htmlWebpackPlugin.options.cdn.asyncJs[i] %>"
		></script>
		<% } %>
		<!-- <script src="https://g.alicdn.com/code/npm/@ali/dingtalk-h5-remote-debug-sdk/0.1.3/app.bundle.js"></script>
		<script>
			h5RemoteDebugSdk.init({
				uuid: '6e8f7cfd-bde2-4241-b430-8737db699c8a',
				observerElement: document.documentElement,
			})
		</script> -->
		<!-- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
		<script>
		var vConsole = new window.VConsole();
		</script> -->
	</body>
</html>
